import React, { Component } from 'react'
import {
  Container,
  ListFooterComponent,
  Icon,
} from '../../component'

import Test1 from './test1'
import Test2 from './test2'
import Test3 from './test3'

export default class Demo extends Component {

  render() {
    console.log('test1 Demo')
    return (
      <Container
        naviBarProps={{
          title: 'Demo',
          leftElement: null,
        }}
        style={{ justifyContent: 'center', alignItems: 'center', }}
      >
        <Test1 />
        <Test2 />
        <Test3 />


        <Icon color={'red'} name={'icon-icon_star_fill'} size={40} />

        <ListFooterComponent hasMore={false} />
      </Container>
    )
  }
}